<div class="wrap">
    <div class="wrap-content">
        <p-panel [collapsed]="false" header="筛选查询" [collapsed]="false" headerClass="bg-none"
            [(searchText)]="searchObj.searchValue" maxlength="50" search="整改项" (onSearch)="loading = true;search();dt.reset();">
            <div class="p-2-8">
                <div class="inline-block">
                    <span class="p-r-10 opacity06">状态： </span>
                    <p-dropdown placeholder="全部" styleClass="width-150 m-r-30" [options]="status" [(ngModel)]="selectedStatus" optionLabel="name"
                        (onChange)='loading = true;search();dt.reset();'></p-dropdown>
                </div>
                <div class="inline-block">
                    <span class="p-r-10 opacity06">是否延期： </span>
                    <p-dropdown placeholder="全部" styleClass="width-150 m-r-30" [options]="isDelay" [(ngModel)]="selectedIsDelay" optionLabel="name"
                        (onChange)='loading = true;search();dt.reset();'></p-dropdown>
                </div>

                <div class="inline-block">
                    <span class="p-r-10 opacity06">客户是否可见： </span>
                    <p-dropdown placeholder="全部" optionLabel="name" styleClass="width-150 m-r-30" [options]="isCustomScan" [(ngModel)]="selectedIsCustomScan"
                        (onChange)='loading = true;search();dt.reset();'></p-dropdown>
                </div>
            </div>
            <div class="p-t-20">
                    <p-dataTable #dt [value]="listData" scrollable="true" marginHeight="114"   [totalRecords]="totalRecords" [lazy]="true" (onLazyLoad)="onPage($event)"
                    [paginator]="true" [headerCheckboxToggleAllPages]="true" [loading]="loading">
                    <p-column *ngFor="let col of colsSelected" [field]='col.field' [header]='col.header' [hidden]="col.hidden" [style]="{'width':col.width}">
                        <ng-template let-index="rowIndex" let-data="rowData" pTemplate="body" *ngIf="col.tem">
                            <div *ngIf="col.field === 'modifyRecord'">
                                <a class="color-1a91eb" target="_blank" [routerLink]="['/saas/engineer/constructionprocess/constructionmanage/modifyrecord/', data.id,businessId]">
                                    {{data.modifyRecord}}
                                </a>
                            </div>
                            <div *ngIf="col.field === 'sortNum'">
                                {{index+1}}
                            </div>
                        </ng-template>
                        <ng-template let-index="rowIndex" let-data="rowData" pTemplate="body" *ngIf="col.dic">
                            <span *ngIf="col.field == 'status'"> {{storage.dicFilter(col.dic,data[col.field])}} </span>
                            <span *ngIf="col.field == 'creater'">
                              {{data[col.field]}} &nbsp; {{storage.dicFilter(col.dic,data['userType'])}}
                            </span>
                        </ng-template>
                    </p-column>
                </p-dataTable>
            </div>
        </p-panel>


    </div>
</div>
